Radio button circle outline color

[NONYA]

This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.

The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.

<input type="radio" name="4_admin_today" value="Yes">

TIA

[Martin Honnen]

NONYA wrote:

This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.

The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.

Some browsers allow styling of form controls with CSS but don't expect
consistent results for that, CSS 2 doesn't specify anything about
styling form controls

<style type="text/css">
input.radio {
background-color: lightblue;
color: green;
}
</style>
<form action="">
<input type="radio" class="radio" name="radioName">
<input type="radio" class="radio" name="radioName">
</form>

--

Martin Honnen
http://JavaScript.FAQTs.com/

[jake]

In message <3f********@olaf.komtel.net>, Martin Honnen
<ma*******@yahoo.de> writes

NONYA wrote:

This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.
The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.

Some browsers allow styling of form controls with CSS but don't expect
consistent results for that, CSS 2 doesn't specify anything about
styling form controls

<style type="text/css">
input.radio {
background-color: lightblue;
color: green;
}
</style>
<form action="">
<input type="radio" class="radio" name="radioName">
<input type="radio" class="radio" name="radioName">
</form>

IE6 ............. background colour is 'lightblue'; colour is 'black'.

regards

--
Jake

[jake]

In message <3f********@olaf.komtel.net>, Martin Honnen
<ma*******@yahoo.de> writes

NONYA wrote:

This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.
The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.

Some browsers allow styling of form controls with CSS but don't expect
consistent results for that, CSS 2 doesn't specify anything about
styling form controls

<style type="text/css">
input.radio {
background-color: lightblue;
color: green;
}
</style>
<form action="">
<input type="radio" class="radio" name="radioName">
<input type="radio" class="radio" name="radioName">
</form>

Opera ............. background colour 'lightblue'; colour is green.
NS7 ................background colour 'white'; colour is black.
NS4.7 ..............background colour 'lightblue'; colour is black.

regards.
--
Jake